<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>飘城旅行社-机票订购</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/information.css" />
		<link rel="stylesheet" type="text/css" href="css/ticket.css">
	</head>
	<body>
		<!-- header star -->
		<header class="header">
			<div class="center">
				<h1 class="logo">飘城旅行社</h1>
				<nav class="link">
					<ul id="ul">
						<li><a href="index.html" class="index">首页</a></li>
						<li><a href="information.html">旅游资讯</a></li>
						<li class="active"><a href="ticket.html">机票订购</a></li>
						<li><a href="scenery.html">风景欣赏</a></li>
						<li><a href="about.html" class="about">公司简介</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<!-- header end -->

		<!-- headline star -->
		<div class="headline">
			<div class="center">
				<hgroup>
					<h2>旅游资讯</h2>
					<h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
				</hgroup>
			</div>

		</div>
		<!-- headline end -->

		<!-- section star -->
		<div class="section">
			<div class="left">
				<div class="ticket-book">
					<h2>机票预订</h2>
					<form action="">
						<p>航班类型
							<span>单程</span>
							<span>往返</span>
						</p>
						<div class="up">
							<lable>出发城市</lable>
							<input placeholder="城市名" type="text" />
							<lable>出发时间</lable>
							<input placeholder="时间日期" type="date" />
						</div>
						<div class="down">
							<lable>返回城市</lable>
							<input placeholder="城市名" type="text" />
							<lable>返回时间</lable>
							<input placeholder="时间日期" type="date" />
						</div>
						<input type="submit" value="订票" />
					</form>
				</div>
				<div class="ticket-newest">
					<h2>最新机票</h2>
					<div>
						<p>热门城市:
							<span>北京</span>
							<span>上海</span>
							<span>广州</span>
							<span>深圳</span>
							<span>重庆</span>
							<span>成都</span>
							<span>杭州</span>
							<span>···</span>
						</p>
						<table>
							<tr>
								<th>路线</th>
								<th>日期</th>
								<th>价格</th>
								<th>税额</th>
								<th>餐食</th>
								<th>航空</th>
								<th>预订</th>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>¥745</td>
								<td>¥50</td>
								<td>有</td>
								<td>春秋航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-上海</td>
								<td>10-15</td>
								<td>¥479</td>
								<td>¥45</td>
								<td>无</td>
								<td>南方航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>¥745</td>
								<td>¥50</td>
								<td>有</td>
								<td>春秋航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-上海</td>
								<td>10-15</td>
								<td>¥479</td>
								<td>¥45</td>
								<td>无</td>
								<td>南方航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>¥745</td>
								<td>¥50</td>
								<td>有</td>
								<td>春秋航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-上海</td>
								<td>10-15</td>
								<td>¥479</td>
								<td>¥45</td>
								<td>无</td>
								<td>南方航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>¥745</td>
								<td>¥50</td>
								<td>有</td>
								<td>春秋航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-上海</td>
								<td>10-15</td>
								<td>¥479</td>
								<td>¥45</td>
								<td>无</td>
								<td>南方航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td>北京-成都</td>
								<td>10-15</td>
								<td>¥745</td>
								<td>¥50</td>
								<td>有</td>
								<td>春秋航空</td>
								<td>
									<p>预订</p>
								</td>
							</tr>
							<tr>
								<td colspan="7">加载更多···</td>
							</tr>
						</table>
					</div>
				</div>
			</div>

			<div class="right">
				<div class="tourAtag">
					<h2>景点推荐</h2>
					<ul>
						<li><a href="javasctipt:;">曼谷(12)</a></li>
						<li><a href="javasctipt:;">东京(5)</a></li>
						<li><a href="javasctipt:;">西双版纳(8)</a></li>
						<li><a href="javasctipt:;">漓江(16)</a></li>
						<li><a href="javasctipt:;">呼伦贝尔(4)</a></li>
						<li><a href="javasctipt:;">首尔(9)</a></li>
						<li><a href="javasctipt:;">巴厘岛(15)</a></li>
						<li><a href="javasctipt:;">土耳其(22)</a></li>
						<li><a href="javasctipt:;">夏威夷(5)</a></li>
						<li><a href="javasctipt:;">巴厘岛(11)</a></li>
						<li><a href="javasctipt:;">毛里求斯(7)</a></li>
						<li><a href="javasctipt:;">吉普岛(4)</a></li>
						<li><a href="javasctipt:;">希腊(18)</a></li>
						<li><a href="javasctipt:;">法瑞意(8)</a></li>
						<li><a href="javasctipt:;">马尔代夫(9)</a></li>
						<li><a href="javasctipt:;">新西兰(16)</a></li>
						<li><a href="javasctipt:;">埃及(11)</a></li>
						<li><a href="javasctipt:;">迪拜(14)</a></li>
						<li><a href="javasctipt:;">斯里兰卡(7)</a></li>
						<li><a href="javasctipt:;">麦哈顿(3)</a></li>
						<li><a href="javasctipt:;">大阪(15)</a></li>
					</ul>
				</div>
				<div class="hotTour">
					<h2>热门旅游</h2>
					<div class="figure">
						<figure>
							<img src="images/hot1.jpg" />
							<figcaption>曼谷-芭提雅6日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot2.jpg" />
							<figcaption>马尔代夫双鱼6日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot3.jpg" />
							<figcaption>海南双飞5日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot4.jpg" />
							<figcaption>富山大阪东京8日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot5.jpg" />
							<figcaption>法瑞意德12日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot6.jpg" />
							<figcaption>巴厘岛6日半游</figcaption>
						</figure>
						<figure>
							<img src="images/hot7.jpg" />
							<figcaption>塞舌尔迪拜9日游</figcaption>
						</figure>
						<figure>
							<img src="images/hot8.jpg" />
							<figcaption>花样土耳其10日游</figcaption>
						</figure>
					</div>
				</div>

				<div class="tourBox">
					<h2>旅游百宝箱</h2>
					<a href="javascript:;">天气预报</a>
					<a href="javascript:;">火车票预订</a>
					<a href="javascript:;">航班查询</a>
					<a href="javascript:;">公共交通线路</a>
				</div>
			</div>
		</div>
		<!-- section end -->

		<!-- footer star -->
		<footer class="footer">
			<div class="footer_top">
				<ul class="footer_ul">
					<li>
						<p>合作伙伴</p>
					</li>
					<li>途牛旅游网</li>
					<li>驴妈妈旅游网</li>
					<li>携程旅游</li>
					<li>中国青年旅行社</li>
				</ul>
				<ul class="footer_ul">
					<li>
						<p>旅游FAQ</p>
					</li>
					<li>旅游合同签订方式？</li>
					<li>儿童价是基于什么制定的？</li>
					<li>旅游的线路品质怎么界定的？</li>
					<li>单房差是什么？</li>
					<li>旅游保险有那些种类？</li>
				</ul>
				<ul class="footer_ul">
					<li>
						<p>联系方式</p>
					</li>
					<li>微博：weibo.com/ycku</li>
					<li>邮件：ycku@ycku.com</li>
					<li>地址：江苏盐城无名路123 号</li>
				</ul>
			</div>
			<div class="footer_bottom">
				<p>Copyright&nbsp;©&nbsp;YCKU&nbsp;飘城旅行社|&nbsp;苏ICP&nbsp;备120110119号|&nbsp;旅行社经营许可证:L-YC-BK12345</p>
			</div>
		</footer>

		<!-- footer end -->
	</body>
</html>
